<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .loader{
            position:relative;
            width:64px;
            height:64px;
        }

        .loader div{
            position:absolute;
            border:4px solid #454ade;
            border-radius:50%;
            animation:loader 1s ease-out infinite;
        }

        .loader div:nth-child(2){
            animation-delay: -0.5s;
        }

        @keyframes loader {
            from{
                top:32px;
                left:32px;
                width:0;
                height:0;
                opacity: 1;
            }
            to{
                top:0;
                left:0;
                width:64px;
                height:64px;
                opacity: 0;
            }
        }

        .demo{
            color:blue !important;
            font-size:23px;
        }

    </style>
</head>
<body>
<div class="loader">
    <div></div>
    <div></div>
</div>

<div  style = "color:red;" class = "demo" >book</div>
</body>
</html>